<!-- edu_13_2_3.html --><meta charset="UTF-8">
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset="UTF-8">
<title>图片自动轮播</title>
<style type="text/css">
          img{
              width: 80%;
         }
         .li_img{
             width: 800px;
             float: left;
           list-style: none;
         } 
         .ul_img{
             width: 6000px;
            padding:0px;
             margin: 0px;
             transition: all 1s;
         }
         .main_div{
             width: 800px;
             overflow: hidden;
             position: relative;
             top: 0px;
             left: 310px;
         }
         .arrows{
             z-index: 9999;
             position: absolute;
             padding-top: 200px;
             width: 640px;
        }
         .arrows span{
             font-size: 3em;
             color: seashell;
         }
         .arrows span:hover {
             cursor: pointer;
             background-color: rgba(192, 192, 192, 0.29);
         }
         .div_btn{
             float: left;
             border-radius: 100px;
             background-color: aquamarine;
             width: 60px;
             height: 10px;
             margin-left: 35px;
             margin-top: 15px;
         }
         .div_btn:hover{
             background-color:aqua;
         }
		 .chui1{
		 width:295px;
		 position:absolute;
		 left:25px;
		 top:180px;
		 color:#008000;
		 }
		 .chui2{
		 width:295px;
		 position:absolute;
		 left:25px;
		 top:260px;
		 color:#008000;
		 }
     </style>
</head>
<body>
<article  style="margin:10px auto;width:100%;height:700px;  background:#B7F2E5;padding:0px;border:0px solid #2CC3CF">
<figure style="margin:auto;">
<marquee style="WIDTH: 100%; HEIGHT: 110px" scrollamount="12" direction="left"  >
<div align="center" >
</div >
<center ><font face="黑体" color="#008000" size="4" ></font ></center >
<div align="center" >
</div >
<center >
<p ><font color="#FE0000" size="6.5" >潇湘大药房开业啦！！！您的健康我们牵挂，一切从“心”开始......</font ></p >
<p ><font color="#000000" size="5" >本店招聘工作人员，如有意向请联系18073096065</font ></p >
</marquee >
		<div class =chui1>
          <p><font color="#980512" size="6" >感谢胡为老师对本系统的大力支持！!</p>
         </div>
        <div class =chui2>
           <p><font color="#980512" size="6" >感谢罗铁清老师对本系统的大力支持！!</p>
        </div>
<div class = "main_div">
       <div class = "arrows">
           <span title="1" class="arrow"><</span>
             <span title="0" class="arrow" style="float: right">></span>
        </div>
        <ul class="ul_img">
           <li class="li_img"><img src="1.png"></li>
		   <li class="li_img"><img src="2.png"></li>
            <li class="li_img"><img src="3.png"></li>
			<li class="li_img"><img src="4.png"></li>
        </ul>
    </div>
    <div style="margin-left: 450px">
        <div class="div_btn"></div>
		 <div class="div_btn"></div>
         <div class="div_btn"></div>
		  <div class="div_btn"></div>
    </div>

   <script type="text/javascript" src="myscript.js"></script>
   </figure>
   </article>
</body>
</html>